<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<title></title>
		<style>
			form {
				font-size: 14px;
			}
			label {
				font-weight: 550;
			}
			.text-center {
				text-align: center;
			}
			.col-sm-6 {
				width: 50%;
			}
			.col-sm-offset-3 {
				margin-left: 25%;
			}
			.form-group input{
				font-size: 14px;
				height: 25px;
				margin-top: 8px;
				margin-bottom: 15px;
				padding-left: 5px;
			}
			.form-control {
				width: 100%;
			}
			.checkbox label{
				font-weight: normal;
			}
			.btn {
				font-size: 14px;
				margin-top: 10px;
				border: #DDDDDD 1px solid;
				border-radius: 10%;
				width: 65px;
				height: 35px;
			}
			.btn-default {
				background-color: rgb(255,255,255);
			}
		</style>
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
	</head>
	<body>
		<h1 class="text-center"><a href="index.html">CSS</a>和<a href="boot.html">Bootstrap</a>优势对比--表单</h1>
		<div class="col-sm-6 col-sm-offset-3">
			<form>
			  <div class="form-group">
			    <label for="exampleInputEmail1">Email address</label>
			    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
			  </div>
			  <div class="form-group">
			    <label for="exampleInputPassword1">Password</label>
			    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
			  </div>
			  <div class="checkbox">
			    <label>
			      <input type="checkbox"> Check me out
			    </label>
			  </div>
			  <button type="submit" class="btn btn-default">Submit</button>
			</form>
		</div>
	</body>
</html>
